<template>
  <div id="app">

   <nav-bar></nav-bar>
  <transition name="left">
   <router-view></router-view>
</transition>
  </div>
</template>

<script>
import NavBar from '@/components/navBar'
export default {
  name: 'app',
  components: {
    NavBar
  }
}
</script>

<style>
.left-enter-active,.left-leave-active{
    transition: 0.5s
}
.left-enter{
  transform: translate(300px,300px);
  opacity: 0.2
}
.left-leave{
  transform: translate(-300px,-300px);
}

</style>
